<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/P7.css" />
		<script src="http://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div class="content">
		    <div class="row">
		        <a rel="nofollow" rel="noreferrer" href="#" class="btn tooltip top">
		            <span>TOOLTIP TOP</span>
		            <span class="tooltip-content">Lorem ipsum dolor sit amet</span>
		        </a>
		    </div>
		    <div class="row">
		        <a rel="nofollow" rel="noreferrer" href="#" class="btn tooltip bottom">
		            <span>TOOLTIP BOTTOM</span>
		            <span class="tooltip-content">Lorem ipsum dolor sit amet</span>
		        </a>
		    </div>
		    <div class="row">
		        <a rel="nofollow" rel="noreferrer" href="#" class="btn tooltip right">
		            <span>TOOLTIP RIGHT</span>
		            <span class="tooltip-content">Lorem ipsum dolor sit amet</span>
		        </a>
		    </div>
		    <div class="row">
		        <a rel="nofollow" rel="noreferrer" href="#" class="btn tooltip left">
		            <span>TOOLTIP LEFT</span>
		            <span class="tooltip-content">Lorem ipsum dolor sit amet</span>
		        </a>
		    </div>
		</div>
	</body>
</html>
